.slider {
   position: relative;
   width: 100%;
   height: 30vw;
   margin: 0 auto 66px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   overflow: hidden;
   box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,
               rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
               rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.slider-img {
   position: absolute;
   object-fit: cover;
   transition: all 0.8s;
}

.slider-img-prev {
   transform: translateX(-100%);
}

.slider-img-next {
   transform: translateX(100%);
}

